<div class="topbar">
    <div class="fill">
        <div class="container">
            <a class="brand" href="{{baseDir}}/events">Lifestry</a>
            <ul class="nav">
                <li{% if controller == 'events' %} class="active" {% endif %}>
                    <a href="{{baseDir}}/events">{{dict('home')}}</a>
                </li>
                <li{% if controller == 'channels' %} class="active" {% endif %}>
                    <a href="{{baseDir}}/channels">{{dict('channels')}}</a>
                </li>
                <li{% if controller == 'options' %} class="active" {% endif %}>
                    <a href="#options">{{dict('options')}}</a>
                </li>
                <li{% if controller == 'contact' %} class="active" {% endif %}>
                    <a href="#contact">{{dict('contact')}}</a>
                </li>
                <li{% if controller == 'about' %} class="active" {% endif %}>
                    <a href="#about">{{dict('about')}}</a>
                </li>
            </ul>
            <form action="{{baseDir}}/auth/logout" method="get" class="pull-right">
                <button class="btn" type="submit">{{dict('logout')}}</button>
            </form>
            <span class="brandRight">{{dict('welcome')}} {{userName}}</span>
        </div>
    </div>
</div>